<template>
	<div>
		<button @click="init = value" v-for="value in tabBar" :key="value"></button>
		<component v-bind:is="init"></component>
	</div>
</template>

<script>
import A from './A'
import B from './B'
import C from './C'
export default {
	data() {
		return {
			init: 'B',
			tabBar: [A.name, B.name, C.name],
		}
	},
	components: { A, B, C },
	// mounted() {
	// 	console.log(this.$children)
	// },
}
</script>

<style>
</style>